@import './modules/bass.scss';
@import './modules/header.scss';
@import './modules/footer.scss';
html,body{
    background: #fafafa;
}
.nav{
    width: 100%;
    height:44px;
    float: left;
    &-wrap{
        width: 1264px;;
        margin: 0 auto;
        line-height: 44px;
    }
}
.sort{
    width: 100%;
    height:58px;
    float: left;
    // background: green;
    &-wrap{
        width: 1264px;
        line-height: 58px;
        margin: 0 auto;
        color: $color;
        font-size: 16px;
    }
}
.contain{
    // border: 5px solid red;
    position:relative;
    z-index: -1;
    width: 100%;
    float: left;
    &-wrap{
        width: 1264px;
        margin: 0 auto;
        ul.contain-wrap-shop{
            float: left;
          width: 100%;
          li{
              width: 287px;
              float: left;
              margin-right: 5px;
              margin-top: 3px;
              background: #ffffff;
              position: relative;
              &:hover{
                transform: scale(1.01);
              }
              .shop-name{
                //  z-index: 100;
                width: 210px;
                height: 210px;
                display: block;
                position: absolute;
             
                top:0;
                right:0;
                bottom: 0;
                left:0;
                margin: auto;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        
             p{
                margin: {
                    top: 300px;
                    left: 95px;
                };
             }
             .price{
                margin: {
                    left: 97px;
                    top:20px;
                }
                color:red;
            }
            .slide-cart{
                width: 287px;
                height: 90px;
                position: absolute;
                bottom: 0;
                background: black;
                opacity: 0.8;
                display: none;
              .add-btn{
                  width: 214px;
                  height: 45px;
                  position: absolute;
                  display: block;
                  border: 1px solid white;
                  top:38px;
                  left:35px;
                  line-height: 45px;
                  text-align: center;
                  color:white;
                  &:hover{
                      background: red;
                      border: none;
                  }
              }
            }

          }
          
        }
    }
}